<%@ page language="java" pageEncoding="utf-8" contentType="text/html; charset=utf-8"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<title>商家注册</title> 
  	<script language="javascript" src="js/jquery.js"></script>
  	<script language="javascript" src="js/jquery.form.js"></script>
    
    <style>
    	.spanMsg {
    		color: red;
    	}
    </style>
  </head>
  
  <body>
  	<form action="user/register!registerSave.html" method="post" id="registerForm">
     <table>
     	<tr>
     		<td colspan="2">
     			商家注册
     		</td>
     	</tr>
     	<tr>
			<td><span class="spanMsg">*</span>餐厅名称</td>
			<td><input type="text" name="realName" onblur="realNameVal();"/>&nbsp;&nbsp;<span id="rNameMsgName">请输入餐厅名称2-10个字符</span><span id="rNameMsg" class="spanMsg"></span> </td>
     	</tr>
     	<tr>
     		<td><span class="spanMsg">*</span>帐户</td>
     		<td><input type="text" name="userName" onblur="userNameVal();"/>&nbsp;&nbsp;<span id="userMsg">请输入您的登录账号,字母或数字开头4-18个字符，推荐以手机号码直接注册</span><span id="uNameMsg" class="spanMsg"></span> </td>
     	</tr>
     	<tr>
     		<td><span class="spanMsg">*</span>密码</td>
     		<td><input type="password" name="userPwd" onblur="pswvalidate();"/>&nbsp;&nbsp;<span id="pwdMsg">密码长度为6-16位，区分大小写</span><span id="uPwdMsg" class="spanMsg"></span> </td>
     	</tr> 
     	<tr>
     		<td><span class="spanMsg">*</span>确认密码</td>
     		<td><input type="password" name="userPwd2" onblur="pswTwovalidate();" />&nbsp;&nbsp;<span id="pwdMsgTwo">请再次输入密码</span><span id="uPwdMsg2" class="spanMsg"></span> </td>
     	</tr> 
     	<tr>
			<td><span class="spanMsg">*</span>联系人</td>
			<td>
				<input type="input" name="userRelation" onblur="userRelationVal();"/>&nbsp;&nbsp;<span id="relationMsg">请输入联系人</span><span id="uRelationMsg" class="spanMsg"></span>
			</td>
     	</tr>
     	<tr>
			<td><span class="spanMsg">*</span>手机号</td>
			<td><input type="text" name="userPhone" onblur="phoneVal();"/>&nbsp;&nbsp;<span id="phoneMsg">请输入您的11位手机号码</span><span id="uPhoneMsg" class="spanMsg"></span> </td>
     	</tr>
     	<tr>
			<td><span class="spanMsg">*</span>订餐号码</td>
			<td><input type="text" name="userMobile" onblur="orderPhoneVal();"/>&nbsp;&nbsp;<span id="mobileMsg">请输入你的订餐电话</span><span id="uMobileMsg" class="spanMsg"></span> </td>
     	</tr>
     	<tr>
			<td><span class="spanMsg">*</span>验证码</td>
			<td><input type="text" name="validateCode" size="5" style="float: left;" onblur="valCode();"/><img alt="验证码" src="validatecode!index.html"/>&nbsp;&nbsp;<span id="codeMsg">请输入图片中的文字</span><span id="uCodeMsg" class="spanMsg"></span></td>
     	</tr>
     	<tr>
     		<td colspan="2"><input type="checkbox" name="read" id="read" />已经阅读同意《<a href="serviceItem.jsp">就要点餐用户服务条款</a>》 请阅读并同意协议，方可继续注册 </td>
     	</tr>
     	<tr>
     		<td colspan="2">
     		  <input type="button" name="btnClick" disabled="disabled" id="btnClick" value="立即注册" onclick="saveUpdate();"/>  
     	    </td>
     	</tr>
     </table>
     </form>
  </body>
</html>
<script>
     	function saveUpdate(){
     	    var realName =  $("input[name='realName']").val();//餐厅名称  
     	    var userName =  $("input[name='userName']").val();//账号
     	    var userPwd =  $("input[name='userPwd']").val();//密码
     	    var userPwd2 =  $("input[name='userPwd2']").val(); //密码
     		var userRelation = $("input[name='userRelation']").val();//联系人
     		var userPhone =  $("input[name='userPhone']").val();//手机号码
     		var userMobile = $("input[name='userMobile']").val();//订餐号码
     		var validateCode = $("input[name='validateCode']").val();//验证码

     		var phoneReg = /^\d{11}$/;    
     		var nick = /^\d{6,11}$/;  
     		emptyUserInfo();
     		if ($.trim(realName) == '') {
     			$("#rNameMsgName").hide();
     			$("#rNameMsg").text("请输入餐厅名称!"); 
     			return;
     		}else{
     			$("#rNameMsgName").show();
     		}
     		
     		//判断餐厅名字长度
     		if($.trim(realName).length < 2 || $.trim(realName).length > 20){
     			$("#rNameMsg").text("请输入餐厅名称2-20个文字");
     			$("#rNameMsgName").hide();
     			return;
     		}else{
     			$("#rNameMsgName").show();
     		}
     		
     		if ($.trim(userName) == '') {
     			$("#uNameMsg").text("请输入帐户 !");
     			$("#userMsg").hide();
     			return;
     		}else{
     			//$("#userMsg").show();
     			
	     		//判断用户名长度
	     		if($.trim(userName).length<4 || $.trim(userName).length>20){
	     			$("#uNameMsg").text("请输入您的登录账号,字母或数字开头4-18个字符，推荐以手机号码直接注册");
	     			$("#userMsg").hide();
	     			return false;
	     		}else{
	     			$.ajax({
						type : "post",
						url : "user/register!userNameValidate.html",
						data : {
							userName : userName
						},
						success : function(result) { 
							if (result == -1) {
								$("#userMsg").hide();
								$("#uNameMsg").show();
								$("#uNameMsg").text("帐户已存在!");
								
								return false;
							}else{
								$("#userMsg").show();
	     						$("#uNameMsg").hide();
							} 
						},
						error : function(result) {
							alert("数据读取失败！");
						}
					});
	     		 }
     		}//end else
     		
     		//密码确认
     		if ($.trim(userPwd) == '') {
     			$("#pwdMsg").hide();
     			$("#uPwdMsg").text("请输入密码"); 
     			return;
     		}else{
     			$("#pwdMsg").show();
     		}
     		if (userPwd.length < 6) {
     			$("#pwdMsg").hide();
     			$("#uPwdMsg").text("密码不能少于6位!"); 
     			return;
     		}else{
     			$("#pwdMsg").show();
     		}
     		
     		//确认密码
     		if($.trim(userPwd2) == ''){
     			$("#pwdMsgTwo").hide();
     			$("#uPwdMsg2").text("确认密码不能为空!"); 
     			return;
     		}
     		
     		//确认密码
     		if ($.trim(userPwd) != $.trim(userPwd2)) {
     			$("#pwdMsgTwo").hide();
     			$("#uPwdMsg2").text("密码与确认密码输入不相同!"); 
     			return;
     		} 
     		
     		//联系人
     		if ($.trim(userRelation) == '') {
     			$("#relationMsg").hide();
     			$("#uRelationMsg").text("请输入联系人!");
     			return;
     		}
     		
     		//手机号码
     		if ($.trim(userPhone) == '') {
     			$("#phoneMsg").hide();
     			$("#uPhoneMsg").text("请输入手机号码!");
     			return;
     		}
     		if ($.trim(userPhone) != '') {
				if(!phoneReg.test(userPhone)){
					$("#phoneMsg").hide();					
					$("#uPhoneMsg").text("请输入11位手机号码!"); 
					return;
				}
			}
     		
     		//订餐号码
			if ($.trim(userMobile) == '') {
				$("#mobileMsg").hide();
				$("#uMobileMsg").text("订餐号码不能为空!");
				return;
			}
			if ($.trim(userMobile) != '') {
				if (!nick.test(userMobile)) {
					$("#mobileMsg").hide();
					$("#uMobileMsg").text("请输入6-11位订餐电话!"); 
					return;
				}
			}
			
			//验证码
			if($.trim(validateCode) == ''){
				$("#codeMsg").hide();
				$("#uCodeMsg").text("请输入图片中数字");
				return;
			}
			
			//验证码 提交用户信息
			$("#registerForm").ajaxSubmit({
				data : {},
				success : function (respose) {
					if (respose == -1) {
						$("#codeMsg").hide();
						$("#uCodeMsg").show();
						$("#uCodeMsg").text("验证码输入错误!请重新输入");
						return;
					} 
					if (respose == -2) {
						$("#uNameMsg").text("帐户已存在!");
						return;
					}
					if (respose == 0) {
						 alert("注册成功!");
						 document.location.href = "user/register!userValidate.html?userPhone=" + userPhone+"&userMobile="+userMobile;
					}
				}
			})
     	}
     	
     		//餐厅名称
	     	function realNameVal(){
	     		var realName =  $("input[name='realName']").val();//餐厅名称  
	     		if ($.trim(realName) == '') {
	     			$("#rNameMsgName").hide();
	     			$("#rNameMsg").text("请输入餐厅名称!"); 
	     			return;
	     		}else{
	     			$("#rNameMsgName").show();
	     		}
	     		
	     		//判断餐厅名字长度
	     		if($.trim(realName).length < 2 || $.trim(realName).length > 20){
	     			$("#rNameMsg").text("请输入餐厅名称2-20个文字");
	     			$("#rNameMsgName").hide();
	     			return;
	     		}else{
	     			$("#rNameMsgName").show();
	     			$("#rNameMsg").hide();
	     		}
	     	}
     	
     	//账号
     	function userNameVal(){
     		var userName =  $("input[name='userName']").val();//账号
     		
     		if ($.trim(userName) == '') {
     			$("#uNameMsg").text("请输入帐户 !");
     			$("#userMsg").hide();
     			return;
     		}else{
	     		//判断用户名长度
	     		if($.trim(userName).length<4 || $.trim(userName).length>20){
	     			$("#uNameMsg").text("请输入您的登录账号,字母或数字开头4-18个字符，推荐以手机号码直接注册");
	     			$("#userMsg").hide();
	     			return false;
	     		}else{
	     			var valName = true;
	     				$.ajax({
							type : "post",
							url : "user/register!userNameValidate.html",
							data : {
								userName : userName
							},
							success : function(result) { 
								if (result == -1) {
									valName = false;
									$("#uNameMsg").show();
									$("#userMsg").hide();
									$("#uNameMsg").text("帐户已存在!");
									return false;
								}else{
									$("#uNameMsg").hide();
		     						$("#userMsg").show();
								}
							},
							error : function(result) {
								alert("数据读取失败！");
							}
						});
	     		}
 			}//end else
     	}//end function userNameVal();
     	
     	//密码验证
     	function pswvalidate(){
     		var userPwd = $("input[name='userPwd']").val();
     		if ($.trim(userPwd) == '') {
     			$("#pwdMsg").hide();
     			$("#uPwdMsg").text("请输入密码"); 
     			return;
     		}else{
     			$("#pwdMsg").show();
     		}
     		if (userPwd.length < 6) {
     			
     			$("#pwdMsg").hide();
     			$("#uPwdMsg").text("密码不能少于6位!"); 
     			return;
     		}else{
     			$("#pwdMsg").show();
     			$("#uPwdMsg").hide();
     		}
     	}
     	
     	//重复密码验证
     	function pswTwovalidate(){
     		var userPwd = $("input[name='userPwd']").val();
     		var userPwd2 =  $("input[name='userPwd2']").val(); //密码
     		//确认密码
     		if($.trim(userPwd2) == ''){
     			$("#pwdMsgTwo").hide();
     			$("#uPwdMsg2").text("确认密码不能为空!"); 
     			return;
     		}else{
     			$("#pwdMsgTwo").show();
     		}
     		
     		//确认密码
     		if ($.trim(userPwd) != $.trim(userPwd2)) {
     			
     			$("#pwdMsgTwo").hide();
     			$("#uPwdMsg2").text("密码与确认密码输入不相同!"); 
     			return;
     		}else{
     			$("#pwdMsgTwo").show();
     			$("#uPwdMsg2").hide();
     		}
     	}
     	
     	//联系人
     	function userRelationVal(){
     		var userRelation = $("input[name='userRelation']").val();//联系人
     		
     		//联系人
     		if ($.trim(userRelation) == '') {
     			$("#relationMsg").hide();
     			$("#uRelationMsg").text("请输入联系人!");
     			return;
     		}else{
     			$("#relationMsg").show();
     			$("#uRelationMsg").hide();
     			
     		}
     	}
     	
     	//手机号码
     	function phoneVal(){
     		var userPhone =  $("input[name='userPhone']").val();//手机号码
     		var phoneReg = /^\d{11}$/;
     		//手机号码
     		if ($.trim(userPhone) == '') {
     			$("#phoneMsg").hide();
     			$("#uPhoneMsg").text("请输入手机号码!");
     			return;
     		}else{
     			$("#phoneMsg").show();
     		}
     		
     		if ($.trim(userPhone) != '') {
				if(!phoneReg.test(userPhone)){
					$("#uPhoneMsg").text("请输入11位手机号码!");
					$("#phoneMsg").hide();					
					return;
				}else{
					$("#phoneMsg").show();
					$("#uPhoneMsg").hide();
				}
				
     		}
     	}
     	
     	//订餐号码
     	function orderPhoneVal(){
     		var userMobile = $("input[name='userMobile']").val();//订餐号码
     		var nick = /^\d{6,11}$/;
     		//订餐号码
			if ($.trim(userMobile) == '') {
				$("#mobileMsg").hide();
				$("#uMobileMsg").text("订餐号码不能为空!");
				return;
			}else{
				$("#mobileMsg").show();
			}
     		
			if ($.trim(userMobile) != '') {
				if (!nick.test(userMobile)) {
					$("#mobileMsg").hide();
					$("#uMobileMsg").text("请输入6-11位订餐电话!"); 
					return;
				}else{
					$("#mobileMsg").show();
					$("#uMobileMsg").hide();
				}
			}
     	}
     	
     	//验证码
     	function valCode(){
     		var validateCode = $("input[name='validateCode']").val();//验证码
     		
     		//验证码
			if($.trim(validateCode) == ''){
				$("#codeMsg").hide();
				$("#uCodeMsg").text("请输入图片中数字");
				return;
			}else{
				$("#codeMsg").show();
				$("#uCodeMsg").hide();
			}
     	}
		
     	//已经阅读同意
		$("#read").click(function(){
			if($(this).attr("checked")==true){
				$("#btnClick").attr("disabled",false);
			}else{
				$("#btnClick").attr('disabled',true);
			}
		});
     	
     	//验证是否同名用户
     	function validateUserName() {
     		var userName =  $("input[name='userName']").val();
     		var userNameBool = true;
     		     		
     		$("#uNameMsg").text("");
     		$.ajax( {
					type : "post",
					url : "user/register!userNameValidate.html",
					data : {
						userName : userName
					},
					success : function(result) { 
						if (result == -1) {
							$("#uNameMsg").text("帐户已存在!");//在用
							$("#userMsg").hide();
							userNameBool = false;
						} 
					},
					error : function(result) {
						alert("数据读取失败！");
					}
				});
			return userNameBool;
     	}
     	
     	
     	
     	function emptyUserInfo() {
     		$("#uNameMsg").text("");
     		$("#uPwdMsg").text("");
     		$("#uPwdMsg2").text("");
     		$("#uRelationMsg").text("");
     		$("#rNameMsg").text("");
     		$("#uPhoneMsg").text("");
     		$("#uMobileMsg").text("");
     	}
     </script>
